/***********************************************************
	文件：css/style.css
	备注：网站前台公共样式
	版本：4.0
	网站：www.phpok.com
	作者：qinggan <qinggan@188.com>
	日期：2015年09月05日 17时13分
***********************************************************/
html,body{margin:0;padding:0;font-family:'Microsoft Yahei','宋体','Arial';font-size:12px;}
body{background:#FBFBFB;color:#414141}
img{border:0;}
a{color:#414141;text-decoration:none;}
a:hover{text-decoration:underline;}
form{margin:0;padding:0;position:relative;}
input:focus {outline: none;}
p{margin:5px 0;}

.red{color:red;}
.vcode{width:70px;text-align:center;}
.hand{cursor:pointer;}
/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1px;}
.clear{ clear:both;height:0;line-height:0;content:'.';display:block;visibility:hidden;}



div.pfw{position:relative;border:1px solid #e4e4e4;border-radius:5px;box-shadow:0 2px 3px #e4e4e4;margin-bottom:10px;}
div.pfw:after{content:".";display:block;height:0;clear:both;visibility:hidden}
div.pfw div.title{height:38px;line-height:38px;margin:0;padding:0 5px;background:#E8E8E8 url("../images/pfwbg.png") repeat-x;border-bottom:1px solid #e4e4e4;border-radius:5px 5px 0 0;position:relative;}
div.pfw div.title h3{margin:0;line-height:38px;font-size:14px;background:url('../images/icon.png') 5px center no-repeat;padding:0 0 0 20px;}
div.pfw div.title .more{display:block;position:absolute;top:14px;right:8px;height:11px;text-indent:-99999px;width:26px;overflow:hidden;background:url('../images/more.gif') no-repeat;}
div.pfw div.title .ext{display:block;position:absolute;right:8px;line-height:30px;top:5px;}

	/* 文章列表 */
	div.pfw ul.artlist{list-style:none;margin:0;padding:0 0 5px 0;}
	div.pfw ul.artlist li{display:block;height:27px;line-height:29px;overflow:hidden;white-space:nowrap;word-wrap:nowrap;background:url('../images/pin.png') left center no-repeat;padding-left:15px;margin:0 3px 0 15px;}
	div.pfw ul.artlist li div.date{float:right;line-height:24px;}
	div.pfw ul.artlist li:hover{color:#164476;}
	div.pfw ul.artlist li.current{color:red}
	div.pfw ul.artlist li.current a{color:red;}

	/* 图片列表 */
	div.pfw ul.piclist{list-style:none;margin:0 13px;padding:0}
	div.pfw ul.piclist li{width:30%;float:left;margin:7px 5% 0 0;}
	div.pfw ul.piclist li.last{margin-right:0;}
	div.pfw ul.piclist li div.pic{text-align:center}
	div.pfw ul.piclist li div.txt{height:20px;line-height:20px;overflow:hidden;text-align:center;}



header{width:980px;margin:10px auto;position:relative;}
header .top{height:26px; line-height:26px; text-align:right; color:#666;display:block;margin-bottom:5px;}
header .logo{float:left;}
header .right{float:right;}
header .right form.search{background:url('../images/search.png') left center no-repeat;height:26px;width:207px;overflow:hidden;}
header .right input.topsearch{border:0;margin:5px 0 0 19px;height:20px;line-height:20px;padding:0;background:none;}
header .right input.submit{background:none;position:absolute;left:180px;top:5px;height:20px;border:0;}

nav.menu{height:35px; background:#3375b9 url('../images/menubg.png') left center repeat-x;z-index:9;margin:0 auto;width:980px;}
nav.menu ul{list-style:none;margin:0 auto;padding:0;width:980px;}
nav.menu ul li{ float:left;position:relative;list-style:none;}
nav.menu ul li a{display:inline-block;padding: 0 26px;height: 35px;line-height: 35px;color: #fff;text-decoration: none; font-size:14px;}
nav.menu ul li:hover a{ background:#005DB5;}
nav.menu ul li.current a{background:#23a0e7;}
nav.menu ul ul{width:100%;display: none;position: absolute;top: 100%;left: 0;background: #005DB5; z-index:1000;}
nav.menu ul ul li {background: #005DB5;float: none;}
nav.menu ul li:hover ul{display:block;}
nav.menu ul ul li a{ border-right:0;}
nav.menu ul ul li a:hover{ background:#3375b9;}



/* 首页Banner 样式 */
.indexbanner{position:relative;width:980px;margin:0 auto 10px;height:300px;overflow:hidden;z-index:8;}
.indexbanner .bd ul{list-style:none;margin:0;padding:0}
.indexbanner .hd {position:absolute; bottom:10px; right:10px; text-align:center;}
.indexbanner .hd ul{list-style:none;margin:0;padding:0;}
.indexbanner .hd ul li{ width:14px; height:14px; background:#fff; border-radius:7px; display:inline-block; +display:inline; margin:0 1px; cursor:pointer;}
.indexbanner .hd ul li.on{ background:darkred;color:#fff;}

.banner{width:980px;height:180px;margin:0 auto;background:url('../images/banner.jpg') no-repeat;background-size:cover;}

/* 主页框架 */
.main{width:980px;margin:10px auto;position;relative;}
.main .left{float:left;width:220px;overflow:hidden;}
.main .right{float:right;width:750px;overflow:hidden;}
.main .right .content table {border: 1px solid #ddd;border-collapse: collapse;display: table;}
.main .right .content table td {border: 1px solid #ddd;padding: 5px 10px;}
.main .right ul.piclist{margin-bottom:13px;}
.main .right ul.piclist li.last{margin-right:0;}
.main .right ul.piclist li .pic{margin-top:8px;}
.main .right ul.piclist li .txt{height:26px;line-height:26px;}
.index{}
.index .left{float:left;width:260px;overflow:hidden;}
.index .left .art_first {padding:5px 5px 5px 10px;line-height:160%;}
.index .left .art_first a{display:block;font-weight:bold;line-height:20px;}
.index .left .art_first img{width:120px;height:90px;border:0;}

.index .middle{float:left;margin:0 10px;width:420px;overflow:hidden;}
.index .right{float:right;width:280px;overflow:hidden;}
.index .about{padding:5px;line-height:180%;}
.index .about p{margin:0;}


/*新闻列表*/
.news_list{ overflow:hidden; margin:0;padding:0;list-style:none;}
.news_list li{ overflow:hidden; padding:10px; border-bottom:1px dashed #ccc;}
.news_list .n-img {float: left;padding-right: 15px;width: 131px;text-align: center;}
.news_list .n-img img{ width:131px; height:97px;}
.news_list h3 {margin:0;padding:0; font-size:14px;}
.news_list h3 a{font-size:14px;}
.news_list .n-txt {color: #979797;text-indent: 24px;line-height: 20px;}
.news_list .more, .news_list .more a {color: #34ACE2;}

/*下载列表*/
.dlist{list-style:none;margin:0;padding:0;}
.dlist li{line-height:180%;border-bottom:1px solid #e4e4e4;background:url('../images/download.gif') 5px center no-repeat;padding:5px 0 5px 23px;}
.dlist .date{float:right;line-height:180%;margin-right:10px;}

/*下载详细页*/
.download{margin:100px auto;width:500px;}
.download .title{font-size:16px;line-height:200%;}

/*在线留言*/
.message_post{background:#fff;}

/*详细页*/
.detail{ overflow:hidden; padding:10px;}
.detail .date_hits_tags {color: #A9A9A9;text-align: center; line-height:24px; border-bottom:1px dashed #ccc; margin:0 5px 30px;}
.detail h1{ text-align:center; font-size:16px; overflow:hidden; margin-bottom:10px;}
.detail .content{ margin:10px; line-height:170%;font-size:14px;color:#000;}
.detail .content p{ margin:5px 0;}
.detail .content img{max-width:700px;text-align:center;}
.detail .np{ border-top:1px solid #ccc; line-height:24px;}
.detail .np a{ color:#333;}
.detail .np a:hover{ color:#00C;}
.detail fieldset{margin:10px;border:1px solid #ccc;}
.detail legend{color:red;}

	.detail ul.pictures{list-style:none;text-align:center;margin:0;padding:0;width:760px;}
	.detail ul.pictures li{text-align:center;margin-bottom:15px;}
	.detail ul.pictures li .img{width:760px;text-align:center;overflow:hidden;}
	.detail ul.pictures li .img img{max-width:760px;border-radius:5px;background:url('../images/loading.gif') center center no-repeat;}
	.detail ul.pictures li .txt{text-align:center;overflow:hidden;padding-top:10px;}
	.detail .pn{text-align:center;padding:10px;}
	.detail .pn a{font-size:14px;color:red;}

	.main .detail ul.piclist li{border:1px solid #ccc;margin-right:4%;width:auto;}




/* 通用分页样式 */
.pages{height:26px; margin:10px 0;}
.pages ul{ float:right; padding:0 10px;list-style:none;margin:0; }
.pages li{ float:left; margin-left:5px;}
.pages li a{ display:block; padding:0 10px; border:1px solid #e1e1e1; height:24px; line-height:24px; color:#666;}
.pages li a:hover{ border:1px solid #1796f9; background:#1796f9; color:#fff; text-decoration:none;}
.pages li span{ display:block; border:1px solid #e1e1e1; height:24px; line-height:24px; color:#c4c4c4;padding:0 10px; }
.pages .current a{ border:1px solid #1796f9; background:#1796f9; color:#fff;}

/* 面包屑 */
.breadcrumbs{float:right; font-size:12px; line-height:38px;margin-top:-38px;margin-right:8px;}
.breadcrumbs span.arrow{padding:0 3px;font-family:'Consolas','Verdana','Arial';font-size:10px;}
.breadcrumbs a:hover{ color:#00C;}

.contact_info{padding:10px;}
.contact_info h4{margin:0;padding:0;line-height:30px;font-size:14px;}
.contact_info ul{list-style:none;margin:0;padding:0}
.contact_info ul li{line-height:180%;clear:both;font-size:12px;}
.contact_info ul li i{float:left;font-style:normal;width:60px;text-align:right;}


/*友情链接*/
.link{margin:10px auto;width:980px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.link ul{list-style:none;margin:10px;padding:0;}
.link ul li{float:left;margin-right:10px;line-height:180%;}
.link ul li.title{font-weight:bold;color:darkblue;}

/*人才招聘 - 列表*/
ul.joblist{list-style:none;margin:0;padding:0 0 5px 0;width:100%;}
ul.joblist li{float:left;width:24%;overflow:hidden;height:30px;line-height:30px;margin-left:1%;}

/*人才招聘 - 详细*/
div.job{background:#fff;}
div.job ul.list{width:100%;list-style:none;margin:0;padding:0;}
div.job ul.list li{float:left;width:48%;padding-left:2%;line-height:30px;border-bottom:1px solid #ccc;}

.foot{margin:10px auto;width:980px;}
.foot .copyright{margin:10px auto;text-align:center;}
.foot .debug{line-height:180%;text-align:center;}

ul.product{list-style:none;margin:0 0 5px 0;padding:0;background:#fff;}
ul.product li{float:left;margin:10px 5px 5px 7px;padding:5px;border:1px solid #e9e9e9;width:220px;overflow:hidden;-webkit-box-shadow: 0 0 2px 2px #f8f8f8;-moz-box-shadow: 0 0 2px 2px #f8f8f8;box-shadow: 0 0 2px 2px #f8f8f8;}
ul.product li h4{margin:0;padding:0;height:51px;overflow:hidden;}
ul.product li .img {width:220px;height:220px;overflow:hidden;background:url('../images/loading.gif') center center no-repeat;}
ul.product li .img img{width:220px;height:220px;border:0;}
ul.product li .imglist{margin-top:5px;}
ul.product li .imglist .thumb{float:left;margin-right:5px;}
ul.product li .imglist .thumb img{width:25px;height:25px;border:2px solid #ccc;}
ul.product li .imglist .thumb.hover img{border:2px solid red;}

div.product{background:#fff;}
div.product .img{position:relative; width:402px;height:500px;float:left;margin:10px;}
div.product .img ul{list-style:none;margin:0;padding:0;}
div.product .img ul.list{z-index:2;height:400px;width:400px;border:1px solid #ccc;}
div.product .img ul.list li{height:400px;width:400px;float:left;}
div.product .img ul.list li img{width:400px;height:400px;}
div.product .img ul.thumb_list{height:80px;margin-top:10px;overflow:hidden;z-index:3;}
div.product .img ul.thumb_list li{float:left;width:80px;height:80px;margin-right:10px;cursor:pointer;}
div.product .img ul.thumb_list li img{width:78px;height:78px;border:1px solid #EFEFEF;}
div.product .img ul.thumb_list li.on img{border:1px solid red;}
div.product .info{ float:left; width:320px;margin:10px 6px 0 0;}
div.product h1{font-size:18px; color:#333; font-weight:bold;margin:0;padding:0;line-height:30px;}
div.product .price{color:red;font-size:20px;font-weight:bold;}
div.product_info{border-top:1px solid #ccc;background:#fff;}


.form .table {margin:0 auto;width:99%;clear:both;padding:3px;}
.form .table .l {float:left;width:20%;text-align:right;padding:3px 1px;line-height:30px;}
.form .table .r {float:left;text-align:left;padding:3px 1px;width:68%;margin-right:30px;}
.form .table input.input {width:300px;height:26px;line-height:26px;}
.form .table input.noborder{border:0;}
.form .table input[type=text]{height:26px;line-height:26px;}



.button, .button:visited {
	background: #222 url("../images/overlay.png") repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin:0;
	border:0;
}

.button:hover{
	background-color: #111;
	color: #fff;
}
.button:active{
	top: 1px;
}
.small.button, .small.button:visited{
	font-size: 11px;
}
.button, .button:visited,.medium.button, .medium.button:visited{
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.large.button, .large.button:visited{ font-size: 14px;padding: 8px 14px 9px; }

.super.button, .super.button:visited{ font-size: 34px; padding: 8px 14px 9px; }
.pink.button, .magenta.button:visited		{ background-color: #e22092; }
.pink.button:hover							{ background-color: #c81e82; }
.green.button, .green.button:visited		{ background-color: #91bd09; }
.green.button:hover						    { background-color: #749a02; }
.red.button, .red.button:visited			{ background-color: #e62727; }
.red.button:hover							{ background-color: #cf2525; }
.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
.orange.button:hover						{ background-color: #d45500; }
.blue.button, .blue.button:visited		    { background-color: #2981e4; }
.blue.button:hover							{ background-color: #2575cf; }
.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
.yellow.button:hover						{ background-color: #fc9200; }


/* 在线客服样式 */
.im_floatonline{position:fixed !important; right: 5px; top: 80px;position:absolute;border:2px solid #695950;}
.im_floatonline .float-box-content .toptitle {background-color: #0098ef;}
.im_floatonline .float-box-content .addlist {border-top: 2px solid #695950;}
.im_floatonline .right{width: 50px;height: 190px;cursor: pointer;float: right;overflow: hidden;}
.im_floatonline .float-box-content {margin:0px;padding:0px 0px 20px 0px;width: 120px;background-color: #fff;overflow: hidden;}
.im_floatonline .float-box-content .toptitle{margin:0 auto;height:40px;line-height: 40px;color:#fff;width:120px;font-size:14px;text-align: center;font-weight:bold;overflow: hidden;}
.im_floatonline .float-box-content .addlist{text-align:center;padding-top:10px;padding-bottom:10px;overflow: hidden;}
.im_floatonline .float-box-content .addlist ul {list-style: none;margin:0 auto;padding: 0;overflow: hidden;}
.im_floatonline .float-box-content .addlist ul li {width:120px;padding-top:10px;line-height:25px;overflow: hidden;}
